<?php

require "lander.php";
 
if(session_start()) ; //echo "session started";

/*$_SESSION['spurpoz'] = "bleahrgh!";
echo $_SESSION['spurpoz'];
*/
	
?>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
	<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
	<script src="jquery.easing.1.3.js" type="text/javascript"></script>
	<script src="./jqueryFileTree/jqueryFileTree.js" type="text/javascript"></script>
	<script src="./jquery-ui-1.8.1.custom/js/jquery-ui-1.8.1.custom.min.js" type="text/javascript"></script>
	<link type="text/css" href="./jquery-ui-1.8.1.custom/css/smoothness/jquery-ui-1.8.1.custom.css"  rel="Stylesheet" />	
 
	
	<link href="./jqueryFileTree/jqueryFileTree.css" rel="stylesheet" type="text/css" media="screen" />
		<style type="text/css" >
			BODY,
			HTML {
				padding: 0px;
				margin: 0px;
			}
			BODY {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				background: #EEE;
				padding: 15px;
			}
			
			H1 {
				font-family: arial, sans;
				font-size: 40px;
				font-weight: bold;
				letter-spacing:1em;
			}
			
			H2 {
				font-family: arial, sans;
				font-size: 16px;
				font-weight: bold;
				margin: 0px 0px 10px 0px;
			}
			
			.lander_maincss {
				float: left;
				margin: 15px;
			}
			
			.demo {
				width: 200px;
				height: 400px;
				border-top: solid 1px #BBB;
				border-left: solid 1px #BBB;
				border-bottom: solid 1px #FFF;
				border-right: solid 1px #FFF;
				background: #FFF;
				overflow: scroll;
				padding: 5px;
			}
			
			P.note {
				color: #999;
				clear: both;
			}
			
			.flatspan{
				font-weight:normal;
			}
		</style>

		<script type="text/javascript">
					
 
		</script>

	
	</head>
	<body>



		<h1>Lander</h1>
		<h4 style="color:#dd4444;">lookin another directory erelong</h4>
		<!--div id="div00001" style="width:500px;height:600px;background-color:#eee;">aaa</div-->
		

			<div id="communication_console" class="lander_maincss">
			<!--Comunicazioni-->
			</div>

 
		
	<table style="display:block; float:none; width:90%;">		
		<tr style="width:900px;">
			<td style="width:900px;">	
				<form name="f_left" id = "f_left">
					<div class="lander_maincss">
						<h2>Left Folder</h2>
						<?php
						echo "<select name=\"testname\" class=\"drive_selector\" id=\"drive_left\"><option>Drive Left</option>";
						for ($ii=66;$ii<92;$ii++) 
						{
							$char = chr($ii);
							if (opendir($char.":/"))
								echo "<option>".$char."</option>";
						}
						echo "</select>";
						?>				
						<div id="fileTree_drive_left" radioSessionVariableName="path_left" class="demo"></div>
					</div>
				</form>

				<form name="f_right" id = "f_right">
					<div class="lander_maincss">
					
						<h2>Right Folder</h2>
						<?php
						echo "<select class=\"drive_selector\" id = 'drive_right'><option>Drive Right</option>";
						for ($ii=66;$ii<92;$ii++) 
						{
							$char = chr($ii);
							if (opendir($char.":/"))
								echo "<option>".$char."</option>";
						}
						echo "</select>";
						?>				
						<div id="fileTree_drive_right" radioSessionVariableName="path_right" class="demo"></div>
					</div>
				</form>	 
				<form name="data_process" id = "data_process">
					<div class="lander_maincss">
					
						<h2>Selected info:</h2>
							<h4>Left drive:
								<input type="hidden" class="HI__data_process" value="drive_left" id="HI__left_drive_span" name="HI__left_drive_span">
								<span class="SPAN__data_process" value="drive_left" id="drive_left_span"></span>
							</h4>
							<h4>Right drive:
								<input type="hidden" class="HI__data_process" value="drive_right" id="HI__left_folder_span" name="HI__left_folder_span">
								<span class="SPAN__data_process" value="drive_right" id="drive_right_span"></span>
							</h4>
							<h4>Left Folder:
								<input type="hidden" class="HI__data_process" value="path_left" id="HI__right_drive_span" name="HI__right_drive_span">
								<span class="SPAN__data_process" value="path_left" id="path_left_span"></span>
							</h4>
							<h4>Right folder:
								<input type="hidden" class="HI__data_process" value="path_right" id="HI__right_folder_span" name="HI__right_folder_span">
								<span class="SPAN__data_process" value="path_right" id="path_right_span"></span>
							</h4>
						 
					</div>
				</form>	
			</td>	
		</tr>	
		<tr>
			<td>		
			<div style="display:block; float:none;">	
				<img id="start" src="startx48.png">
				</img>
			</div>	
			<div id="dialog-modal" title="Question">
				<p>Now it will be created a new  comparison session in the Lander database.</p> 
			</div>
			
			
			</td>	
		</tr>	
	</table>	
	</body>
</html>